
/**
 * 使用onscroll事件
 * PC端滚动条位置：document.documentElement.scrollTop
 * 移动端滚动条位置：document.body.scrollTop
 * 获取视口宽度：document.documentElement.clientWidth
 */
window.onload = function() {
    document.onscroll = function() {
        //获取滚动条位置
        let s1 = document.documentElement.scrollTop;
        let s2 = document.body.scrollTop;
        let scroll = s1==0?s2:s1;
        //获取视口宽度
        let width = document.documentElement.clientWidth;
        //获取顶部固定块
        let search = document.getElementById('fixedBox');
        //判断滚动条超过视口宽度的12%时，搜索块变固定定位
        if(scroll > width*0.12) {
            search.style.position = 'fixed';
            search.style.left = '0';
            search.style.top = '0';
        } else {
            search.style.position = 'static';
        }


    }
}